<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div01{
				width:200px;
				height: 80px;
				margin: 10px;
				background-color: #ADD8E6;
				border: 1px solid black;
			}
		</style>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script>
			$(function(){
				$("button:first").click(function(){
					//隐藏
					$("#div01").hide();
				});
				$("button:eq(1)").click(function(){
					//显示
					$("#div01").show();
				});
				$("button:eq(2)").click(function(){
					//隐藏动画3秒
					$("#div01").hide(2000);
				});
				$("button:eq(3)").click(function(){
					//隐藏动画3秒
					$("#div01").show(2000);
				});
				$("button:eq(4)").click(function(){
					//隐藏动画3秒
					$("#div01").hide(2000,function(){
						console.log("隐藏了")
					});
				});
			})
		</script>
	</head>
	<body>
		<button>隐藏</button>
		<button>显示</button>
		<button>隐藏</button>
		<button>显示</button>
		<button>隐藏</button>
		<div id="div01"></div>
	</body>
</html>
